<template>
  <div class="slot3">
    <h1>作用域插槽</h1>
    <h3>饭店{{ title }}</h3>
    <slot :foods="foods" :games="games" :films="films">我是作用域插槽</slot>
  </div>
</template>
<script>
export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: "slot3",
  props: ["title"],
  data() {
    return {
      msg: "slot3",
      foods: ["红烧肉", "番茄炒蛋", "鱼香肉丝"],
      games: ["红色警戒", "穿越火线", "魔兽世界"],
      films: ["肖申克的救赎", "火影忍者", "泰坦尼克号"],
    };
  },
};
</script>